<template>
	<!-- 车辆实况 -->
	<view class="configure_box">
		<text class="configure_title">车辆实况</text>
    <view class="img_div">
      <image :src="item" mode="" v-for="(item,index) in carDetails" :key="index"></image>
    </view>
	</view>
</template>

<script>
	export default {
    props:{
      carDetails:{
        type:Array,
        default(){
          return []
        }
      }
    },
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.configure_box {
		margin: 36upx 30upx;
		border-bottom: 1upx solid #e6e6e6;
		padding-bottom: 42upx;

		.configure_title {
			display: block;
			font-size: 32upx;
			font-weight: 800;
			color: #3e3e3e;
		}
    .img_div{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }
	}
</style>
